JavaSctipt 與瀏覽器的溝通


Posted by YongChenSu on 2020-12-08

什麼是 DOM?

文件物件模型 (DOM, document object model),瀏覽器提供了一個橋樑,可用 JS 改變畫面上的東西。

選到想要的元素

  • getElementById
  • getElementsByTagName
  • getElementsByClassName
  • querySelector
  • querySelectorAll

改變 css

  • classList.add()
  • classList.remove()
  • classList.toggle()

改變內容

  • innerText
  • innerHTML
  • outerHTML:可用來改變標籤形式

新增、刪除元素

  • element.removeChild(document.querySelector('a'))

  • element.appendChild(item)

    • const item = document.createElement('div')
    • const item2 = document.createTextNode('132')

#程式導師實驗計畫第四期 #前端







Related Posts

Leetcode 刷題 pattern - Next Greater Element

Leetcode 刷題 pattern - Next Greater Element

利用 Wit.ai 讓你的 Messenger Bot 更聰明!

利用 Wit.ai 讓你的 Messenger Bot 更聰明!

〈 演算法與資料結構 #1〉Recursion 遞迴函式

〈 演算法與資料結構 #1〉Recursion 遞迴函式


Comments